<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="referrer" content="origin">
    <!-- TDK and ICO -->
    <title>Tend to Code_一个使用django和bootstrap搭建的个人博客_TendCode</title>

    <meta name="description"
          content="TendCode是一个Django搭建的博客，本网站后端使用Django框架搭建，前端使用Bootstrap框架，主要分享博主在Python以及其他编程语言的学习心得。">
    <meta name="keywords" content="Python自学,Python爬虫,Django博客,Python web开发,个人博客">
    <!--站长验证-->

    <link rel="shortcut icon" href="/static/blog/img/favicon.ico" type="image/x-icon"/>
    <!-- Bootstrap and font-awesome CSS -->
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="./static/js/headroom.min.js"></script>
    <!-- blog CSS -->
    <link href="./static/css/base.css" rel="stylesheet">

    <!--根据cookies判断是否启用暗色主题-->
    <style type="text/css">
        .archive {
            line-height:2;
        }
    </style>

</head>
<body>
<!--导航开始-->

<nav class="navbar navbar-expand-md bg-white fixed-top blog-navbar py-md-0">
    <a class="navbar-brand d-md-none d-lg-block" id="site-logo-name" href="/">
        <strong class="px-2">TendCode</strong>
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item mr-2">

                <a class="nav-link py-md-3 active" href="/"><i class="fa fa-home mr-1"></i>首页<span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item mr-2">

                <a class="nav-link py-md-3 " href="/archive/"><i class="fa fa-sitemap mr-1"></i>归档</a>
            </li>

            <li class="nav-item mr-2">

                <a class="nav-link py-md-3 " href="/tool/"><i class="fa fa-balance-scale mr-1"></i>在线工具</a>
            </li>


            <li class="nav-item mr-2 d-none d-lg-block">
                <a class="nav-link py-md-3" href="https://hao.tendcode.com" target="_blank"><i
                        class="fa fa-chrome mr-1"></i>微草导航</a>
            </li>


            <li class="nav-item mr-2 ">

                <a class="nav-link py-md-3 " href="/about/"><i class="fa fa-anchor mr-1"></i>关于</a>
            </li>
            <form class="nav-item navbar-form mr-2 py-md-2" role="search" method="get" id="searchform"
                  action="/search/">
                <div class="input-group">
                    <input type="search" name="q" class="form-control rounded-0" placeholder="站内搜索" autocomplete="off"
                           required=True>
                    <div class="input-group-btn">
                        <button class="btn btn-info rounded-0" type="submit"><i class="fa fa-search"></i></button>
                    </div>
                </div><!-- /input-group -->
            </form>
        </ul>
        <ul class="navbar-nav">

            <li class="nav-item mr-2">
                <a class="nav-link py-md-3" href="/accounts/login/?next=/">登录</a>
            </li>
            <li class="nav-item">
                <a class="nav-link py-md-3" href="/accounts/signup/?next=/">注册</a>
            </li>

        </ul>
    </div>
</nav>

<!--导航结束-->

<!--消息块-->


<!--回到顶部按钮-->
<div class="text-center" id="to-top">
    <i class="fa fa-chevron-up" id="btn-top" title="回到顶部"></i>
</div>

<!--主要内容块-->
<main>
    <div class="container">
        <div class="row">

            <div class="col-lg-8">
                <div class="card border-0 rounded-0 mb-3">
                    <div class="card-body f-16 archive">

                        <ul class="pl-4">

                            <li>2019 年

                                <ul class="pl-4">

                                    <li>11 月 (共 1 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">11-07&nbsp;&nbsp;<a href="/article/yaml_and_jinja2/">Python 模板渲染库 yaml 和 jinja2 的实战经验分享</a></li>

                                        </ul>
                                    </li>

                                    <li>10 月 (共 1 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">10-23&nbsp;&nbsp;<a href="/article/python-shell-cmd/">使用 python 执行 shell 命令的几种常用方式</a></li>

                                        </ul>
                                    </li>

                                    <li>9 月 (共 3 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">09-20&nbsp;&nbsp;<a href="/article/django2/">博客将 Django 1.11+ 升级到 Django 2.2+ 遇到的问题及规避方法</a></li>

                                            <li class="text-info">09-14&nbsp;&nbsp;<a href="/article/ansible-and-docker/">使用 Ansible 工具批量操作虚拟机集群，自动化安装 Docker</a></li>

                                            <li class="text-info">09-01&nbsp;&nbsp;<a href="/article/Jenkins-Pipeline/">【Jenkins 插件】Jenkins Pipeline 流水线插件的使用，Vue 项目自动化构建和部署实战</a></li>

                                        </ul>
                                    </li>

                                    <li>8 月 (共 4 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">08-23&nbsp;&nbsp;<a href="/article/django-ajax/">Django 中使用 ajax 请求的正确姿势</a></li>

                                            <li class="text-info">08-18&nbsp;&nbsp;<a href="/article/dockerfile-multi-stage/">Dockerfile 中的 multi-stage 特性，Vue 项目多阶段构建实战</a></li>

                                            <li class="text-info">08-11&nbsp;&nbsp;<a href="/article/python-spider-sina-weipan-2/">分析新浪微盘接口，调用接口爬取周杰伦歌曲</a></li>

                                            <li class="text-info">08-10&nbsp;&nbsp;<a href="/article/python-spider-sina-weipan/">使用 selenium 爬取新浪微盘，免费下载周杰伦的歌曲</a></li>

                                        </ul>
                                    </li>

                                    <li>7 月 (共 6 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">07-30&nbsp;&nbsp;<a href="/article/Publish-Over-SSH/">【Jenkins 插件】使用 Publish Over SSH 远程传输文件和自动部署</a></li>

                                            <li class="text-info">07-21&nbsp;&nbsp;<a href="/article/docker-and-vue/">Jenkins 构建 vue 项目镜像并推送到阿里云镜像仓库</a></li>

                                            <li class="text-info">07-11&nbsp;&nbsp;<a href="/article/jenkins-slave/">【Jenkins 插件】使用 SSH Slaves 创建从节点执行任务</a></li>

                                            <li class="text-info">07-07&nbsp;&nbsp;<a href="/article/jenkins_link_github/">【Jenkins 插件】使用 github 插件从 GitHub 上拉取项目代码</a></li>

                                            <li class="text-info">07-06&nbsp;&nbsp;<a href="/article/Jenkins-install/">使用 Docker 运行 Jenkins 容器</a></li>

                                            <li class="text-info">07-05&nbsp;&nbsp;<a href="/article/docker-rebuild/">容器化部署博客（3）—— 更换服务器，5分钟完成项目迁移</a></li>

                                        </ul>
                                    </li>

                                    <li>6 月 (共 1 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">06-09&nbsp;&nbsp;<a href="/article/ssh-id_rsa/">Linux 设置 SSH 密钥登陆及更换登录端口</a></li>

                                        </ul>
                                    </li>

                                    <li>4 月 (共 1 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">04-24&nbsp;&nbsp;<a href="/article/git-note/">Git 常用及特殊命令笔记</a></li>

                                        </ul>
                                    </li>

                                    <li>3 月 (共 1 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">03-08&nbsp;&nbsp;<a href="/article/user-verified/">[博客搭建]  通过用户邮箱认证来介绍 django-allauth 的使用思路</a></li>

                                        </ul>
                                    </li>

                                    <li>2 月 (共 3 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">02-27&nbsp;&nbsp;<a href="/article/python-shell/">Python 命令行参数的3种传入方式</a></li>

                                            <li class="text-info">02-16&nbsp;&nbsp;<a href="/article/sources-conf/">分享一些常用的更换各种“源”的经验</a></li>

                                            <li class="text-info">02-01&nbsp;&nbsp;<a href="/article/virtualbox-install-centos7/">VirtualBox 安装 CentOS 7 系统并通过主机 ssh 连接虚拟机</a></li>

                                        </ul>
                                    </li>

                                    <li>1 月 (共 1 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">01-21&nbsp;&nbsp;<a href="/article/izone-docker/">容器化部署博客（2）—— docker-compose 部署 izone 博客</a></li>

                                        </ul>
                                    </li>

                                </ul>
                            </li>

                            <li>2018 年

                                <ul class="pl-4">

                                    <li>12 月 (共 1 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">12-23&nbsp;&nbsp;<a href="/article/install-docker/">容器化部署博客（1）—— 安装 docker 和 docker-compose</a></li>

                                        </ul>
                                    </li>

                                    <li>11 月 (共 2 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">11-12&nbsp;&nbsp;<a href="/article/tmall-scrapy-spider/">双11当晚写的天猫爬虫，爬虫神器 scrapy 大法好！！！</a></li>

                                            <li class="text-info">11-08&nbsp;&nbsp;<a href="/article/install-scrapy/">安装 Scrapy 失败的正确解决方法及运行中报错的解决思路</a></li>

                                        </ul>
                                    </li>

                                    <li>9 月 (共 1 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">09-13&nbsp;&nbsp;<a href="/article/study-linux-01/">Linux 学习笔记 ——第（1）期</a></li>

                                        </ul>
                                    </li>

                                    <li>8 月 (共 1 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">08-30&nbsp;&nbsp;<a href="/article/blog-update/">关于本博客项目的一些版本及对应分支的调整并解答一些问题</a></li>

                                        </ul>
                                    </li>

                                    <li>5 月 (共 2 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">05-26&nbsp;&nbsp;<a href="/article/python-ssh/">Python 进行 SSH 操作，实现本地与服务器的链接，进行文件的上传和下载</a></li>

                                            <li class="text-info">05-11&nbsp;&nbsp;<a href="/article/spider-for-domain/">.app 域名发布了，我们可以使用 Python 做点什么？</a></li>

                                        </ul>
                                    </li>

                                    <li>4 月 (共 10 篇)
                                        <ul class="pl-4">

                                            <li class="text-info">04-29&nbsp;&nbsp;<a href="/article/PhantomJS-screenshot/">使用 selenium 写的多进程全网页截图工具，发现了 PhantomJS 截图的 bug</a></li>

                                            <li class="text-info">04-26&nbsp;&nbsp;<a href="/article/django-admin/">使用 Django 的 admin 定制后台，丰富自己网站的后台管理系统</a></li>

                                            <li class="text-info">04-22&nbsp;&nbsp;<a href="/article/hello-crontab/">Linux 上使用 crontab 设置定时任务及运行 Python 代码不执行的解决方案</a></li>

                                            <li class="text-info">04-19&nbsp;&nbsp;<a href="/article/django-redis-for-cache/">Django 使用 django-redis 作为缓存的正确用法，别忽略缓存的使用原则</a></li>

                                            <li class="text-info">04-17&nbsp;&nbsp;<a href="/article/set-up-django-with-nginx-and-gunicorn/">在 Linux 服务器上使用 Nginx + Gunicorn 部署 Django 项目的正确姿势</a></li>

                                            <li class="text-info">04-15&nbsp;&nbsp;<a href="/article/django-mysql/">一次完整的 Django 项目的迁移，有关 MySQL 数据库的导出与导入</a></li>

                                            <li class="text-info">04-15&nbsp;&nbsp;<a href="/article/jiandan-meizi-spider-2/">[Python 爬虫]煎蛋网 OOXX 妹子图爬虫（2）——多线程+多进程下载图片</a></li>

                                            <li class="text-info">04-15&nbsp;&nbsp;<a href="/article/jiandan-meizi-spider/">[Python 爬虫]煎蛋网 OOXX 妹子图爬虫（1）——解密图片地址</a></li>

                                            <li class="text-info">04-15&nbsp;&nbsp;<a href="/article/youdao-spider/">Python 有道翻译爬虫，破解 sign 参数加密反爬机制，解决{"errorCode":50}错误</a></li>

                                            <li class="text-info">04-14&nbsp;&nbsp;<a href="/article/virtualenv-for-python/">Python 虚拟环境 Virtualenv 分别在 Windows 和 Linux 上的安装和使用</a></li>

                                        </ul>
                                    </li>

                                </ul>
                            </li>

                        </ul>
                    </div>
                </div>

            </div>

            <div class="col-lg-4 d-none d-lg-block">



                <!--个人空间-->
                <div class="card border-0 rounded-0 px-3 mb-2 mb-md-3 d-none d-lg-block" id="home-card">
                    <div class="card-header bg-white px-0">
                        <strong><i class="fa fa-paper-plane mr-2 f-17"></i>个人空间</strong>
                    </div>
                    <div class="card-body px-0 pt-3 pb-1">
                        <div class="row text-center">
                            <div class="col">
                                <a href="https://github.com/Hopetree" target="_blank" title="进入博主的Github查看博客源码">
                                    <img style="max-width:40px" alt="博主的github" src="https://tendcode.com/static/blog/img/github.png">
                                    <p class="mt-2">Github</p>
                                </a>
                            </div>
                            <div class="col">
                                <a href="/timeline/" target="_blank" title="查看网站建站历程">
                                    <img style="max-width:40px" alt="网站的建站历程" src="https://tendcode.com/static/blog/img/blog.png">
                                    <p class="mt-2">Timeline</p>
                                </a>
                            </div>

                            <div class="col">
                                <a href="/timeline/" target="_blank" title="查看网站建站历程">
                                    <img style="max-width:40px" alt="网站的建站历程" src="https://tendcode.com/static/blog/img/blog.png">
                                    <p class="mt-2">Timeline</p>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
                <!--文章分类-->
                <div class="card border-0 rounded-0 px-3 mb-2 mb-md-3" id="category-card">
                    <div class="card-header bg-white px-0">
                        <strong><i class="fa fa-book mr-2 f-17"></i>文章分类</strong>
                    </div>

                    <ul class="list-group list-group-flush f-16">

                        <li class="list-group-item d-flex justify-content-between align-items-center pr-2 py-2">
                            <a class="category-item" href="category.html" title="查看【CI/CD】分类下所有文章">CI/CD</a>
                            <span class="badge text-center" title="当前分类下有6篇文章">6</span>
                        </li>

                        <li class="list-group-item d-flex justify-content-between align-items-center pr-2 py-2">
                            <a class="category-item" href="/category/linux-notes/" title="查看【Linux 笔记】分类下所有文章">Linux 笔记</a>
                            <span class="badge text-center" title="当前分类下有5篇文章">5</span>
                        </li>

                        <li class="list-group-item d-flex justify-content-between align-items-center pr-2 py-2">
                            <a class="category-item" href="/category/Notebook/" title="查看【Notebook】分类下所有文章">Notebook</a>
                            <span class="badge text-center" title="当前分类下有1篇文章">1</span>
                        </li>

                        <li class="list-group-item d-flex justify-content-between align-items-center pr-2 py-2">
                            <a class="category-item" href="/category/Python-Web-development/" title="查看【Python Web开发】分类下所有文章">Python Web开发</a>
                            <span class="badge text-center" title="当前分类下有8篇文章">8</span>
                        </li>

                        <li class="list-group-item d-flex justify-content-between align-items-center pr-2 py-2">
                            <a class="category-item" href="/category/hello-python/" title="查看【Python 基础】分类下所有文章">Python 基础</a>
                            <span class="badge text-center" title="当前分类下有4篇文章">4</span>
                        </li>

                        <li class="list-group-item d-flex justify-content-between align-items-center pr-2 py-2">
                            <a class="category-item" href="/category/python-crawler/" title="查看【Python 爬虫】分类下所有文章">Python 爬虫</a>
                            <span class="badge text-center" title="当前分类下有9篇文章">9</span>
                        </li>

                        <li class="list-group-item d-flex justify-content-between align-items-center pr-2 py-2">
                            <a class="category-item" href="/category/docker/" title="查看【容器化】分类下所有文章">容器化</a>
                            <span class="badge text-center" title="当前分类下有4篇文章">4</span>
                        </li>

                        <li class="list-group-item d-flex justify-content-between align-items-center pr-2 py-2">
                            <a class="category-item" href="/category/Operation-and-maintenance-automation/" title="查看【自动化】分类下所有文章">自动化</a>
                            <span class="badge text-center" title="当前分类下有2篇文章">2</span>
                        </li>

                    </ul>
                </div>
                <!--标签云-->
                <div class="card border-0 rounded-0 px-3 mb-2 mb-md-3" id="tag-card">
                    <div class="card-header bg-white px-0">
                        <strong><i class="fa fa-tags mr-2 f-17"></i>标&nbsp;签&nbsp;云</strong>
                    </div>
                    <div class="card-body px-0 py-3">
                        <div class="tag-cloud">


                            <a href="/tag/Virtualenv/" class="tags f-16" id="tag-1" title="【Virtualenv】标签下有3篇文章">Virtualenv</a>

                            <a href="/tag/Web-development/" class="tags f-16" id="tag-2" title="【后端开发】标签下有10篇文章">后端开发</a>

                            <a href="/tag/python-crawler/" class="tags f-16" id="tag-3" title="【Python爬虫】标签下有8篇文章">Python爬虫</a>

                            <a href="/tag/MD5/" class="tags f-16" id="tag-4" title="【MD5加密】标签下有2篇文章">MD5加密</a>

                            <a href="/tag/Requests/" class="tags f-16" id="tag-5" title="【Requests】标签下有4篇文章">Requests</a>

                            <a href="/tag/threading/" class="tags f-16" id="tag-6" title="【多线程】标签下有4篇文章">多线程</a>

                            <a href="/tag/multiprocessing/" class="tags f-16" id="tag-7" title="【多进程】标签下有2篇文章">多进程</a>

                            <a href="/tag/Django/" class="tags f-16" id="tag-8" title="【Django】标签下有10篇文章">Django</a>

                            <a href="/tag/MySQL/" class="tags f-16" id="tag-9" title="【MySQL】标签下有4篇文章">MySQL</a>

                            <a href="/tag/database/" class="tags f-16" id="tag-10" title="【数据库】标签下有2篇文章">数据库</a>

                            <a href="/tag/Nginx/" class="tags f-16" id="tag-11" title="【Nginx】标签下有4篇文章">Nginx</a>

                            <a href="/tag/Gunicorn/" class="tags f-16" id="tag-12" title="【Gunicorn】标签下有1篇文章">Gunicorn</a>

                            <a href="/tag/Redis/" class="tags f-16" id="tag-13" title="【Redis】标签下有2篇文章">Redis</a>

                            <a href="/tag/django-redis/" class="tags f-16" id="tag-14" title="【django-redis】标签下有1篇文章">django-redis</a>

                            <a href="/tag/cache/" class="tags f-16" id="tag-15" title="【Cache】标签下有1篇文章">Cache</a>

                            <a href="/tag/Linux/" class="tags f-16" id="tag-16" title="【Linux】标签下有8篇文章">Linux</a>

                            <a href="/tag/crontab/" class="tags f-16" id="tag-17" title="【crontab】标签下有1篇文章">crontab</a>

                            <a href="/tag/PhantomJS/" class="tags f-16" id="tag-18" title="【PhantomJS】标签下有1篇文章">PhantomJS</a>

                            <a href="/tag/selenium/" class="tags f-16" id="tag-19" title="【Selenium】标签下有2篇文章">Selenium</a>

                            <a href="/tag/queue/" class="tags f-16" id="tag-20" title="【Queue】标签下有1篇文章">Queue</a>

                            <a href="/tag/configparser/" class="tags f-16" id="tag-21" title="【configparser】标签下有1篇文章">configparser</a>

                            <a href="/tag/paramiko/" class="tags f-16" id="tag-22" title="【paramiko】标签下有1篇文章">paramiko</a>

                            <a href="/tag/SSH/" class="tags f-16" id="tag-23" title="【SSH】标签下有3篇文章">SSH</a>

                            <a href="/tag/shell/" class="tags f-16" id="tag-24" title="【shell】标签下有4篇文章">shell</a>

                            <a href="/tag/Scrapy/" class="tags f-16" id="tag-25" title="【Scrapy】标签下有2篇文章">Scrapy</a>

                            <a href="/tag/docker/" class="tags f-16" id="tag-26" title="【Docker】标签下有10篇文章">Docker</a>

                            <a href="/tag/docker-compose/" class="tags f-16" id="tag-27" title="【docker-compose】标签下有5篇文章">docker-compose</a>

                            <a href="/tag/docker-build/" class="tags f-16" id="tag-28" title="【容器化】标签下有8篇文章">容器化</a>

                            <a href="/tag/centos/" class="tags f-16" id="tag-29" title="【CentOS】标签下有2篇文章">CentOS</a>

                            <a href="/tag/pip/" class="tags f-16" id="tag-30" title="【pip】标签下有1篇文章">pip</a>

                            <a href="/tag/argparse/" class="tags f-16" id="tag-31" title="【argparse】标签下有1篇文章">argparse</a>

                            <a href="/tag/click/" class="tags f-16" id="tag-32" title="【Click】标签下有1篇文章">Click</a>

                            <a href="/tag/OAuth2/" class="tags f-16" id="tag-33" title="【OAuth2.0】标签下有1篇文章">OAuth2.0</a>

                            <a href="/tag/django-allauth/" class="tags f-16" id="tag-34" title="【django-allauth】标签下有1篇文章">django-allauth</a>

                            <a href="/tag/git/" class="tags f-16" id="tag-35" title="【Git】标签下有2篇文章">Git</a>

                            <a href="/tag/ci-cd/" class="tags f-16" id="tag-36" title="【CI/CD】标签下有6篇文章">CI/CD</a>

                            <a href="/tag/Jenkins/" class="tags f-16" id="tag-37" title="【Jenkins】标签下有6篇文章">Jenkins</a>

                            <a href="/tag/Vue/" class="tags f-16" id="tag-38" title="【Vue.js】标签下有3篇文章">Vue.js</a>

                            <a href="/tag/ansible/" class="tags f-16" id="tag-39" title="【Ansible】标签下有1篇文章">Ansible</a>

                            <a href="/tag/jinja2/" class="tags f-16" id="tag-40" title="【jinja2】标签下有1篇文章">jinja2</a>

                            <a href="/tag/yaml/" class="tags f-16" id="tag-41" title="【YAML】标签下有1篇文章">YAML</a>

                        </div>
                    </div>
                </div>
                <!--友链-->
                <div class="d-none d-lg-block">
                    <div class="card border-0 rounded-0 px-3 mb-2 mb-md-3" id="friends-card">
                        <div class="card-header bg-white px-0">
                            <strong><i class="fa fa-link mr-2 f-17"></i>友情链接</strong>
                        </div>
                        <div class="card-body px-0 py-3">
                            <div class="tool-list">


                                <div class="w-50 float-left text-center mb-2">
                                    <div class="mx-2">
                                        <a href="https://github.com/Hopetree/izone" title="izone 博客项目的源代码" target="_blank">
                                            博客源码</a>
                                    </div>
                                </div>

                                <div class="w-50 float-left text-center mb-2">
                                    <div class="mx-2">
                                        <a href="https://frostming.com" title="一个基于 Flask 开发的博客" target="_blank">
                                            Frost's Blog</a>
                                    </div>
                                </div>

                                <div class="w-50 float-left text-center mb-2">
                                    <div class="mx-2">
                                        <a href="https://zmrenwu.com" title="Django 博客教程分享者" target="_blank">
                                            追梦人物</a>
                                    </div>
                                </div>

                                <div class="w-50 float-left text-center mb-2">
                                    <div class="mx-2">
                                        <a href="https://www.dusaiphoto.com/" title="Django 搭建的博客，分享博客教程" target="_blank">
                                            杜赛的个人网站</a>
                                    </div>
                                </div>

                                <div class="w-50 float-left text-center mb-2">
                                    <div class="mx-2">
                                        <a href="https://www.jerrycoding.com/" title="Jerry 的个人博客" target="_blank">
                                            Jerry Coding</a>
                                    </div>
                                </div>

                                <div class="w-50 float-left text-center mb-2">
                                    <div class="mx-2">
                                        <a href="https://boywithacoin.cn/" title="Stray_Camel的个人技术博客" target="_blank">
                                            Stray_Camel</a>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<!--js cookie 插件-->
<script src="./static/js/js.cookie.min.js?v=20191123.12"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script>
    $(function () {
        var myElement = document.querySelector(".blog-navbar");
        var headroom = new Headroom(myElement);
        headroom.init()
    });
</script>
<script src="./static/js/base.js?v=20191123.0909890"></script>


<footer class="container-fluid mt-4 py-0">
    <div class="card-body text-center px-0 f-14">
        <p class="card-text mb-1">Copyright&nbsp;&copy;&nbsp;<span id="year-info"></span>
            &nbsp;Powered&nbsp;by&nbsp;Django.
        </p>


    </div>
</footer>
</body>
</html>